//加载事件查询所有类型的新闻默认显示汽车保养
layui.use(['form','element','jquery','layer','laypage'], function(){
	var $=layui.jquery,form=layui.form,layer=layui.layer,laypage=layui.laypage;
	$(function(){
		$.ajax({
			type:"POST",
			dataType:"json",
			url:"informationAction!selectType",
			async:false,
			success:function(msg){
				$(msg).each(function(index){
				  var ititype=msg[index].ititype;
				  var itiid=msg[index].itiid;
					$("#sidebar").append("<dl name='centenType' value='"+itiid+"'  class='list-none navnow'><dt><a><span name='cs' >"+ititype+"</span></a></dt></dl>");
					form.render('select');
				});
				
			}
		});
	});
	show_center(0,1,10);
	var itiid0=1;
	$("dl[name='centenType']").bind('click',function(){
		var txt=$(this).find("a span").html();
		$("span[name=type]").html(txt);
		$(".position").html("").append("当前位置：<a href='index.jsp' title='网站首页'>网站首页</a> &gt; <a href='news.jsp'>信息中心</a>&gt; <a href=''>"+txt+"</a>");
		var itiid=$(this).attr('value');
		itiid0=itiid;
		show_center(itiid,1,10);
	});
	
	//按钮点击查询出所有该类型的新闻的方法
	function show_center(itiid,pageNumber,limit){
			$.ajax({
				type:"POST",
				dataType:"json",
				data:{"itiid":itiid,pageNumber:pageNumber,limit:limit},
				url:"informationAction!showAll",
				async:false,
				success:function(msg){
					$("ul[name='show_center']").text("");
					$(msg.list).each(function(i){
					var li=$("<li class='list top'></li>");
					var sp=$("<span>"+showDate(msg.list[i].icitime)+"</span>");
					var a=$("<a>"+msg.list[i].icititle+"</a></li>");
					//绑定修改事件
					a.click(function(){
							layer.open({ 
								title : msg.list[i].icititle,
								type : 1,
								content :"<pre class='layui-code' style='height: 180px; overflow: auto;'><span class='run'></span><p>&nbsp;&nbsp;&nbsp;&nbsp;"+msg.list[i].icicontext+"</p></pre>",
								area: ['700px'],
							});
							// 记得重新渲染表单
							form.render();
						});
					
					li.append(sp);
					li.append(a);
					$("ul[name='show_center']").append(li);
					});
					
					fy(msg.total,pageNumber,limit);
				}
			});
	}
	
	//分页
	//查询行数
	function fy(count,pageNumber,limit){
		//执行一个laypage实例
		laypage.render({
			elem: 'test1', //注意，这里的 test1 是 ID，不用加 # 号
			curr:pageNumber,
			limit: limit,//每页显示的条数
			count: count, //数据总数，从服务端得到
			limits: [1,5,10, 20, 30, 40, 50],//每页条数的选择项。如果 layout 参数开启了 limit，则会出现每页条数的select选择框
			groups: 5,//连续出现的页码个数
			prev:"<i class='layui-icon layui-icon-left'></i>",//自定义“上一页”的内容，支持传入普通文本和HTML
			next:"<i class='layui-icon layui-icon-right'></i>",//下一页
			first:"<i class='layui-icon layui-icon-prev'></i>",//自定义“首页”的内容
			last:"<i class='layui-icon layui-icon-next'></i>",//自定义“尾页”的内容
			layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],
	    	theme:'#c00',
	    	jump: function(obj,first){
		    	//得到当前点击的页码
		    	pageNumber = obj.curr;
		    	//得到每页需要显示的数据条数
		    	limit =obj.limit;
		    	//alert("将要去到第"+pageNumber+"页。每页显示"+limit+"条数据！")
		    	//console.log(obj);
		      //首次执行
		      if(first){
		        //alert("第一次加载分页组件哦");
		      }else{		   
		    	  //调用ajax得到数据
		    	  show_center(itiid0,pageNumber,limit);
		      }
		    }
		});
	}
	
	//转换时间格式的方法
	function showDate(longTypeDate){
		if(longTypeDate==undefined){
			return "未设置";
		}
		var dateType = ""; 
		var date = new Date(); 
		date.setTime(longTypeDate); 
		dateType += date.getFullYear();  //年 
		dateType += "-" + getMonth(date); //月  
		dateType += "-" + getDay(date);  //日 
		return dateType;
	} 
	//返回 01-12 的月份值  
	function getMonth(date){ 
		var month = ""; 
		month = date.getMonth() + 1; //getMonth()得到的月份是0-11 
		if(month<10){ 
			month = "0" + month; 
		} 
		return month; 
	} 
	//返回01-30的日期 
	function getDay(date){ 
		var day = ""; 
		day = date.getDate(); 
		if(day<10){ 
			day = "0" + day; 
		} 
		return day; 
	}
});